<div class="f-nav-main" style=" box-shadow: 0px 1px 0px #efe4e4;" >
    <div style="position:relative;" class="f-nav-header clearfix">
        <div class="f-nav-join-wechat">
            <a href="">加入微信圈</a>
        </div>
        <login-module></login-module>
    </div>
</div>
<div class="f-search-container-main ">
    <div><img ng-src="{{mainData.logoSrc}}" class="f-searchBox-main-logo">
        <div class="f-searchBox-main clearfix">
            <div class="f-search-left clearfix" ng-mouseleave="leaveSearchList()">
                <a class="f-vertical-line-10"></a>
                <a class="f-file-style" ng-click="clickData()" >资料
                </a>
                <a class="f-vertical-line-5"></a>
                <a class="v-box">
                    <a class="v-up"></a>
                    <a class="v-down"></a>
                </a>
                <ul class="f-search-left-list" ng-show="isShowData" >
                    <li><a>全部</a></li>
                    <li><a>论文</a></li>
                    <li><a>视频</a></li>
                    <li><a>技能</a></li>
                    <li><a>回答</a></li>
                    <li><a>资讯</a></li>
                </ul>
            </div>
            <div class="f-search-input-container">
                <input class="f-search-input" type="text" placeholder="{{placeholder}}">
                <div class="f-hori-line-350"></div>
            </div>
            <div class="f-search-right-main clearfix">
                <div class="f-search-button">
                </div>
                <div class="f-vertical-line-10"></div>
                
            </div>
        </div>
    </div>
    <div class="f-search-center-box">
        <div class="h-nav" style="position: relative;" >
            <ul style="padding-top: 5px; height:37px">
                <li  ng-class="{'active':routerToStateName == 'indexCtrl'}"><a ng-click="stateGoTo('indexCtrl')">首页</a></li>
                <li  ng-class="{'active':routerToStateName == 'eng.main'}"><a  ng-click="stateGoTo('eng.main')">工程资料库</a></li>
                <li  ng-class="{'active':routerToStateName == 'eng.libraryMain'}"><a  ng-click="stateGoTo('eng.libraryMain')">论文图书馆</a></li>
                <li  ng-class="{'active':(routerToStateName == 'eng.careerPlanMain' || routerToStateName == 'eng.practiceMain'||routerToStateName == 'eng.workListCtrl'||routerToStateName == 'eng.buildClass')}"  style="position:relative;" ng-mouseenter="onchange.careEnter()" ng-mouseleave="onchange.careLeave()">
                    <div class="care-plan-up">
                    <a class="v-box-2   " >
                        <a> 职业快车道</a>
                    <i class="v-up" style="top:4px;right:15px;"></i>
                    <i class="v-down" style="top:6px;right:15px;"></i>
                </a>
                    </div>
                    <div class="care-plan" ng-show="showBanner">
                        <a  ng-class="curentStateName=='eng.careerPlanMain'?'addCurrentStyle':''"   ng-bind="i18n.careerPlan.careerPlanSystem"   ng-click="stateGoTo('eng.careerPlanMain')" ></a>
                        <a  ng-class="curentStateName=='eng.practiceMain'?'addCurrentStyle':''"  ng-bind="i18n.careerPlan.careertextualResearchSystem"   ng-click="stateGoTo('eng.practiceMain')" ></a>
                        <a  ng-class="curentStateName=='eng.workListCtrl'?'addCurrentStyle':''"   ng-bind="i18n.careerPlan.engineeringSkillsSystem" ng-click="stateGoTo('eng.workListCtrl')"  ></a>
                        <a  ng-class="curentStateName=='eng.buildClass'?'addCurrentStyle':''"   ng-bind="i18n.careerPlan.buildingCategorySystem" ng-click="stateGoTo('eng.buildClass')"  > </a>
                    </div>
                </li>

                <li  ng-class="{'active':routerToStateName == 'eng.vedio'}"><a  ng-click="stateGoTo('eng.vedio')">工程e学堂</a></li>
                <li  ng-class="{'active':routerToStateName == 'eng.wikilist'}"><a  ng-click="stateGoTo('eng.wikilist')">百问百答</a></li>
                <li  ng-class="{'active':routerToStateName == 'eng.newsList'}"><a ng-click="stateGoTo('eng.newsList')">新闻资讯</a></li>
                <li  ng-class="{'active':routerToStateName == 'eng.engdepCtrl'}"><a ng-click="stateGoTo('eng.engdepCtrl')">工程汇</a></li>
                <ui-translate style="position: relative;top: -25px;" ></ui-translate>

            </ul>

        </div>
    </div>
</div>
<style>
    .addCurrentStyle{
        font-weight: bold;
        border-top:2px solid blue;
    }
    .care-plan-up{
        height: 37px;
        width: 120px;;
    }
    .care-plan{
        padding-left: 360px;
        position: absolute;
        top: 37px;
        left: -360px;
        height: 40px;
        width: 840px;
        background: #fff;
    }
    .care-plan a{
        float:left;
        display: block;
        text-align: center;
        line-height: 42px;
        width: 120px;
        font-size: 14px;
    }
    .f-search-left{
        margin-left: 40px;
    }
    .h-nav ul li .h-navlast {
        margin-bottom:5px;
    }
    .h-nav ul li {
        display: inline-block;
        margin-top: 0px;
        height: 37px;
    }
    .h-nav .active a{
    	color: #30a3fe;
    	text-decoration: underline;
    }
    .h-nav .care-plan a{
    	color: #333;
    	text-decoration: none;
    }
    .f-search-center-box{
        margin-top:30px;
    }
    .f-search-left{
        position: relative;
        font-size: 14px;
    }
    .v-box{
        position: relative;
    }
    .v-up{
        position: absolute;
        right: 5px;
        top: 11px;
        width: 0;
        height: 0;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 6px solid #fff;
        z-index: 999;
    }
    .v-down{
        position: absolute;
        right: 5px;
        top: 13px;
        width: 0;
        height: 0;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 6px solid #666460;
        z-index: 888;
    }

    .f-search-left-list{
        position: absolute;top:30px;left:0;
        width:70px;
        background:#fff;
        display: block;
        border:1px solid #ddd;
        border-top: 1px solid #00A4FE;
        z-index: 2000;

    }
    .f-search-left-list li a{
        display: block;
        height:35px;
        width:70px;
        line-height:35px;
        text-align: center;
        font-size:12px;
    }
    .f-search-left-list li a:hover{
        background:#f9f9f9;
        font-size: 14px;;
    }

</style>